<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>layuiAdmin 网站用户</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <link rel="stylesheet" href="../../../layuiadmin/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="../../../layuiadmin/style/admin.css" media="all">
    <script src="../../../layuiadmin/jquery.min.js"></script>
    <style>
        .layui-nav-tree {
            width: 90px;
            padding: 0;
        }

        .layui-nav-tree .layui-nav-item a {
            height: 30px;
            line-height: 33px;
        }

        .layui-nav {
            border-radius: 0px;
            background-color： #4288ce;
        }
    </style>
</head>
<body>
<div class="layui-fluid">
    <div class="layui-card">
        <div class="layui-form layui-card-header layuiadmin-card-header-auto">
            <div class="layui-form-item">
                <div class="layui-inline">
                        <a title="'+d.nickname+'查看" onclick="add('mm',this)" class="layui-btn layuiadmin-btn-role layuiadmin-btn-useradmin"  data-href="add"> 添加新闻</a>
                </div>
            </div>
        </div>

        <div class="layui-card-body">

            <table id="LAY-user-manage" lay-filter="LAY-user-manage"></table>
            <script type="text/html" id="imgTpl">
                <img style="display: inline-block; width: 50%; height: 100%;" src={{ d.avatar }}>
            </script>
            <script type="text/html" id="LAY-user-manage">
                <a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="edit"><i
                        class="layui-icon layui-icon-edit"></i>编辑</a>
                <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del"><i
                        class="layui-icon layui-icon-delete"></i>删除</a>
            </script>
            <script type="text/javascript" src=""></script>
        </div>
    </div>
</div>
<script src="../../../layuiadmin/layui/layui.js"></script>
<script>
    function timeStamp2String(time) {
        var datetime = new Date();
        datetime.setTime(time);
        var year = datetime.getFullYear();
        var month = datetime.getMonth() + 1 < 10 ? "0" + (datetime.getMonth() + 1) : datetime.getMonth() + 1;
        var date = datetime.getDate() < 10 ? "0" + datetime.getDate() : datetime.getDate();
        var hour = datetime.getHours() < 10 ? "0" + datetime.getHours() : datetime.getHours();
        var minute = datetime.getMinutes() < 10 ? "0" + datetime.getMinutes() : datetime.getMinutes();
        var second = datetime.getSeconds() < 10 ? "0" + datetime.getSeconds() : datetime.getSeconds();
        return year + "-" + month + "-" + date + " " + hour + ":" + minute + ":" + second;
    }
    //table 渲染
    layui.use(['table'], function () {
        var $ = layui.$
                , form = layui.form
                , table = layui.table;
        var tableIns = table.render({
            elem: '#LAY-user-manage',
            //后台api数据
            url: "{:url('lists?op=table')}",
            cellMinWidth: 95,
            page: true,
            height: "full-125",
            limits: [10, 40, 100, 500, 1000],
            limit: 10,
            id: "LAY-user-manage",
            cols: [[
                {field: 'id', title: 'id', minWidth: 100, align: "center"},
                {field: 'title', title: '标题', align: 'center'},
                {field: 'subtitle', title: '副标题', align: 'center'},
                {field: 'is_hot_str', title: '状态', align:'center',minWidth:100},
                {
                    field: '', title: '图片', align: 'center', minWidth: 50,
                    templet: function (d) {
                        return d.img_src ? '  <span class="layui-badge ">有</span>' : ' <span class="layui-badge layui-bg-gray">无</span>';;
                    }
                },
                {field: 'create_time', title: '发布时间', align: 'center', minWidth: 80},
                {
                    field: 'seed_status', title: '操作',minWidth: 200, align: 'center', templet: function (d) {
                    if(d.is_hot==1) {
                        return '<a title="' + d.nickname + '编辑" onclick="edit(' + d.id + ',this)"  data-href="add?id=' + d.id + '" href="javascript:;" class="layui-btn layui-btn-normal layui-btn-xs" lay-event="edit">编辑</a>' +
                            '<a title="删除" class="layui-btn layui-btn-normal layui-btn-xs" lay-event="add_apple"  >删除</a>'+
                        '<a onclick="cancle_hot(' + d.id + ')" data-href="look?id=' + d.e_id + '"  class="layui-btn layui-btn-normal layui-btn-xs" lay-event="edit">取消热门</a>';
                    }
                    else
                    {
                        return '<a title="' + d.nickname + '编辑" onclick="edit(' + d.id + ',this)"  data-href="add?id=' + d.id + '" href="javascript:;" class="layui-btn layui-btn-normal layui-btn-xs" lay-event="edit">编辑</a>' +
                            '<a title="删除" class="layui-btn layui-btn-normal layui-btn-xs" lay-event="add_apple"  >删除</a>'+
                        '<a onclick="is_hot('+d.id+')" data-href="look?id='+d.e_id+'"  class="layui-btn layui-btn-normal layui-btn-xs" lay-event="edit">设置热门</a>';
                    }
//                                '<a title="'+d.nickname+'查看" onclick="see_team('+d.id+',this)"  data-href="look?id='+d.id+'" href="javascript:;" class="layui-btn layui-btn-normal layui-btn-xs" lay-event="edit">查看</a>';
                }
                },
            ]]
        });
        console.log(tableIns);
        //监听搜索
        form.on('submit(LAY-user-front-search)', function (data) {
            var field = data.field;
            console.log(field);
            //执行重载
            table.reload('LAY-user-manage', {
                url: "{:url('lists?op=table')}",
                where: field,
                done: function (res, curr, count) {
                    //如果是异步请求数据方式，res即为你接口返回的信息。
                    //如果是直接赋值的方式，res即为：{data: [], count: 99} data为当前页数据、count为数据总长度
                    console.log(res);
                    //得到当前页码
//                console.log(curr);
                    //得到数据总量
//                console.log(count);
                }
            });
        });

        //事件
        var active = {
            batchdel: function () {
                var checkStatus = table.checkStatus('LAY-user-manage')
                        , checkData = checkStatus.data; //得到选中的数据

                if (checkData.length === 0) {
                    return layer.msg('请选择数据');
                }

                layer.prompt({
                    formType: 1
                    , title: '敏感操作，请验证口令'
                }, function (value, index) {
                    layer.close(index);

                    layer.confirm('确定删除吗？', function (index) {

                        //执行 Ajax 后重载
                        /*
                         admin.req({
                         url: 'xxx'
                         //,……
                         });
                         */
                        table.reload('LAY-user-manage');
                        layer.msg('已删除');
                    });
                });
            }
            , add: function () {
                layer.open({
                    type: 2
                    , title: '添加用户'
                    , content: 'userform.html'
                    , maxmin: true
                    , area: ['500px', '450px']
                    , btn: ['确定', '取消']
                    , yes: function (index, layero) {
                        var iframeWindow = window['layui-layer-iframe' + index]
                                , submitID = 'LAY-user-front-submit'
                                , submit = layero.find('iframe').contents().find('#' + submitID);

                        //监听提交
                        iframeWindow.layui.form.on('submit(' + submitID + ')', function (data) {
                            var field = data.field; //获取提交的字段

                            //提交 Ajax 成功后，静态更新表格中的数据
                            //$.ajax({});
                            table.reload('LAY-user-front-submit'); //数据刷新
                            layer.close(index); //关闭弹层
                        });

                        submit.trigger('click');
                    }
                });
            }
        };

        $('.layui-btn.layuiadmin-btn-useradmin').on('click', function () {
            var type = $(this).data('type');
            active[type] ? active[type].call(this) : '';
        });
    });

    layui.use('table', function () {
        var table = layui.table;
        //监听单元格事件
        table.on('tool(LAY-user-manage)', function (obj) {
            var data = obj.data;
            if (obj.event === 'add_seed')
            {

                layer.confirm('确认添加种子吗', {
                    btn: ['确定', '取消'] //按钮
                }, function (index) {
                    layer.close();

                    $.ajax({
                        type: 'GET',
                        url: "{:url('add_seed')}",
                        data: {'id': data.id},
                        dataType: 'json',
                        success: function (data) {
                            if (data.code == 0) {
                                layer.msg('添加成功!', {
                                    icon: 1,
                                    time: 1000,
                                    end: function () {
                                        window.location.reload();
                                    }
                                });
                            } else {
                                layer.msg('添加失败', {
                                    icon: 1, time: 1000, end: function () {
                                        window.location.reload();
                                    }
                                });
                            }
                        }
                    });

                    layer.close(index);
                }, function () {
                });
                return false;

            }
            if (obj.event === 'add_apple') {
                layer.confirm('确定删除吗？', function(index) {
                    $.ajax({
                        type: 'GET',
                        url: "{:url('news/del')}",
                        data: {'id': data.id},
                        dataType: 'json',
                        success: function (data) {
                            if (data.code == 0) {
                                layer.msg('删除成功!', {
                                    icon: 1,
                                    time: 1000,
                                    end: function () {
                                        window.location.reload();
                                    }
                                });
                            } else {
                                layer.msg(data.msg, {
                                    icon: 1, time: 1000, end: function () {
                                        window.location.reload();
                                    }
                                });
                            }
                        }
                    });
                    layer.close(index);
                })

            }
        });
    });
    function add(mm,obj){
        layer.open({
            type: 2
            ,title: '添加'
            ,content: $(obj).attr('data-href')
            ,maxmin: true
            ,area: ['100%', '100%']
        })
    }
    function see_team(id,obj){
        layer.open({
            type: 2
            ,title: '查看'
            ,content: $(obj).attr('data-href')
            ,maxmin: true
            ,area: ['100%', '100%']
        })
    }
    function edit(id,obj){
        layer.open({
            type: 2
            ,title: '编辑'
            ,content: $(obj).attr('data-href')
            ,maxmin: true
            ,area: ['100%', '100%']
        })
    }

    //设置为热门
    function is_hot(id) {
        layer.open({
            title:'确定设置为热门',
            type:1,
            skin: 'demo-class',
            btn:['确定','取消']
            ,yes:function (index,layero) {
                $.ajax({
                    url:"{:url('news/is_hot')}",
                    data:{id:id},
                    type:'post',
                    dataType:'json',
                    success:function (data){
                        if(data.code==200){
                            layer.msg('置顶成功');
                            window.location.reload();
                            layer.close(index)
                        }
                    }
                })
            }

        })

    }
    //取消热门
    function cancle_hot(id) {
        layer.open({
            title:'确定取消热门',
            type:1,
            skin: 'demo-class',
            btn:['是','否']
            ,yes:function (index,layero) {
                $.ajax({
                    url:"{:url('news/is_hot')}",
                    data:{id:id,cancle:true},
                    type:'post',
                    dataType:'json',
                    success:function (data){
                        if(data.code==200){
                            layer.msg('取消热门成功');
                            window.location.reload();
                            layer.close(index)
                        }
                    }
                })
            }

        })

    }

</script>
</body>
</html>
